<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    @import "mate.html"
    <title>我的优惠微报告</title>
    <link rel="stylesheet" href="../assets/weui/lib/weui.min.css">
    <link rel="stylesheet" href="../assets/weui/css/jquery-weui.min.css">
    <link rel="stylesheet" href="../css/style.min.css">
</head>
<body>
<div class="my-fav-report">
    <form id="cert-form" action="">

        <div class="fav-title">基本信息</div>
        <div class="weui-cells weui-cells_form tax-form">
            <div class="weui-cell weui-cell_select weui-cell_select-after">
                <div class="weui-cell__hd">
                    <label class="weui-label">证件类型</label>
                </div>
                <div class="weui-cell__bd">
                    <select id="zhengjian" class="weui-select">
                        <option value="">请选择</option>
                        <option value="sfz">身份证</option>
                        <option value="hz">护照</option>
                        <option value="gat">港澳台通行证</option>
                    </select>
                </div>
            </div>
        </div>

        <div class="fav-title">任职信息</div>
        <div class="weui-cells weui-cells_form tax-form">
            <div class="weui-cell weui-cell_select weui-cell_select-after">
                <div class="weui-cell__hd">
                    <label class="weui-label">两处以上任职</label>
                </div>
                <div class="weui-cell__bd">
                    <select class="weui-select">
                        <option value="">请选择</option>
                        <option value="rz-1">海外</option>
                        <option value="rz-2">内地</option>
                    </select>
                </div>
            </div>
            <div class="weui-cell weui-cell_select weui-cell_select-after">
                <div class="weui-cell__hd">
                    <label class="weui-label">行业</label>
                </div>
                <div class="weui-cell__bd">
                    <select class="weui-select">
                        <option value="0">请选择</option>
                        <option value="hy-1">经理</option>
                        <option value="hy-2">职业经理人</option>
                    </select>
                </div>
            </div>
        </div>

        <div class="fav-title">生活状况</div>
        <div class="weui-cells weui-cells_form tax-form">
            <div class="weui-cell weui-cell_select weui-cell_select-after">
                <div class="weui-cell__hd">
                    <label class="weui-label">残疾证书等级</label>
                </div>
                <div class="weui-cell__bd">
                    <select class="weui-select">
                        <option value="0">请选择</option>
                        <option value="cj-1">一级</option>
                        <option value="cj-2">二级</option>
                    </select>
                </div>
            </div>
            <div class="weui-cell weui-cell_select weui-cell_select-after">
                <div class="weui-cell__hd">
                    <label class="weui-label">孤寡老人</label>
                </div>
                <div class="weui-cell__bd">
                    <select class="weui-select">
                        <option value="0">请选择</option>
                        <option value="gg-1">是</option>
                        <option value="gg-2">否</option>
                    </select>
                </div>
            </div>
            <div class="weui-cell weui-cell_select weui-cell_select-after">
                <div class="weui-cell__hd">
                    <label class="weui-label">军烈属</label>
                </div>
                <div class="weui-cell__bd">
                    <select class="weui-select">
                        <option value="0">请选择</option>
                        <option value="jl-1">是</option>
                        <option value="jl-2">否</option>
                    </select>
                </div>
            </div>
        </div>

        <div class="fav-title">投资信息</div>
        <div class="weui-cells__title tax-form">业主</div>
        <div class="weui-cells weui-cells_checkbox">
            <label class="weui-cell weui-check__label">
                <span class="weui-cell__hd">
                    <input type="checkbox" class="weui-check" name="checkbox1" data-name="tz-1">
                    <i class="weui-icon-checked"></i>
                </span>
                <span class="weui-cell__bd">个体工商户业主</span>
            </label>
            <label class="weui-cell weui-check__label">
                <span class="weui-cell__hd">
                    <input type="checkbox" name="checkbox1" class="weui-check" data-name="tz-2">
                    <i class="weui-icon-checked"></i>
                </span>
                <span class="weui-cell__bd">个人独资合伙企业业主</span>
            </label>
        </div>
        <div class="weui-cells__title">持有上市公司股份 </div>
        <div class="weui-cells weui-cells_checkbox">
            <label class="weui-cell weui-check__label">
                <span class="weui-cell__hd">
                    <input type="checkbox" class="weui-check" name="checkbox1" data-name="gf-1">
                    <i class="weui-icon-checked"></i>
                </span>
                <span class="weui-cell__bd">持有上市公司股票</span>
            </label>
            <label class="weui-cell weui-check__label">
                <span class="weui-cell__hd">
                    <input type="checkbox" name="checkbox1" class="weui-check" data-name="gf-2">
                    <i class="weui-icon-checked"></i>
                </span>
                <span class="weui-cell__bd">持有上市公司限售股</span>
            </label>
            <label class="weui-cell weui-check__label">
                <span class="weui-cell__hd">
                    <input type="checkbox" name="checkbox1" class="weui-check" data-name="gf-3">
                    <i class="weui-icon-checked"></i>
                </span>
                <span class="weui-cell__bd">持有上市公司分红</span>
            </label>
        </div>
        <div class="weui-cells__title">其他途径获取股份</div>
        <div class="weui-cells weui-cells_checkbox">
            <label class="weui-cell weui-check__label">
                <span class="weui-cell__hd">
                    <input type="checkbox" class="weui-check" name="checkbox1" data-name="qt-1">
                    <i class="weui-icon-checked"></i>
                </span>
                <span class="weui-cell__bd">企业量化资产</span>
            </label>
            <label class="weui-cell weui-check__label">
                <span class="weui-cell__hd">
                    <input type="checkbox" name="checkbox1" class="weui-check" data-name="qt-2">
                    <i class="weui-icon-checked"></i>
                </span>
                <span class="weui-cell__bd">盈利公积金转增股本</span>
            </label>
        </div>

        <div class="fav-title">财产信息</div>
        <div class="weui-cells__title tax-form">房产</div>
        <div class="weui-cells weui-cells_checkbox">
            <label class="weui-cell weui-check__label">
                <span class="weui-cell__hd">
                    <input type="checkbox" class="weui-check" name="checkbox1" data-name="fw-1">
                    <i class="weui-icon-checked"></i>
                </span>
                <span class="weui-cell__bd">房屋转让</span>
            </label>
            <label class="weui-cell weui-check__label">
                <span class="weui-cell__hd">
                    <input type="checkbox" name="checkbox1" class="weui-check" data-name="fw-2">
                    <i class="weui-icon-checked"></i>
                </span>
                <span class="weui-cell__bd">房屋租赁</span>
            </label>
        </div>
        <div class="weui-cells__title">其他财产转让</div>
        <div class="weui-cells weui-cells_checkbox">
            <label class="weui-cell weui-check__label">
                <span class="weui-cell__hd">
                    <input type="checkbox" class="weui-check" name="checkbox1" data-name="qtfw-1">
                    <i class="weui-icon-checked"></i>
                </span>
                <span class="weui-cell__bd">股权转让</span>
            </label>
            <label class="weui-cell weui-check__label">
                <span class="weui-cell__hd">
                    <input type="checkbox" name="checkbox1" class="weui-check" data-name="qtfw-2">
                    <i class="weui-icon-checked"></i>
                </span>
                <span class="weui-cell__bd">非货币资产投资</span>
            </label>
            <label class="weui-cell weui-check__label">
                <span class="weui-cell__hd">
                    <input type="checkbox" name="checkbox1" class="weui-check" data-name="qtfw-3">
                    <i class="weui-icon-checked"></i>
                </span>
                <span class="weui-cell__bd">科研成果转化</span>
            </label>
            <label class="weui-cell weui-check__label">
                <span class="weui-cell__hd">
                    <input type="checkbox" name="checkbox1" class="weui-check" data-name="qtfw-4">
                    <i class="weui-icon-checked"></i>
                </span>
                <span class="weui-cell__bd">财产拍卖</span>
            </label>
            <label class="weui-cell weui-check__label">
                <span class="weui-cell__hd">
                    <input type="checkbox" name="checkbox1" class="weui-check" data-name="qtfw-5">
                    <i class="weui-icon-checked"></i>
                </span>
                <span class="weui-cell__bd">拍卖回流文物</span>
            </label>
        </div>

        <div class="fav-title">收支信息</div>
        <div class="weui-cells__title tax-form">收入</div>
        <div class="weui-cells weui-cells_checkbox">
            <label class="weui-cell weui-check__label">
                <span class="weui-cell__hd">
                    <input type="checkbox" class="weui-check" name="checkbox1" data-name="sr-1">
                    <i class="weui-icon-checked"></i>
                </span>
                <span class="weui-cell__bd">工资薪金所得</span>
            </label>
            <label class="weui-cell weui-check__label">
                <span class="weui-cell__hd">
                    <input type="checkbox" name="checkbox1" class="weui-check" data-name="sr-2">
                    <i class="weui-icon-checked"></i>
                </span>
                <span class="weui-cell__bd">个体工商的生产、经营说得</span>
            </label>
            <label class="weui-cell weui-check__label">
                <span class="weui-cell__hd">
                    <input type="checkbox" name="checkbox1" class="weui-check" data-name="sr-3">
                    <i class="weui-icon-checked"></i>
                </span>
                <span class="weui-cell__bd">对企业事业单位的承包经营、承租经营所得</span>
            </label>
            <label class="weui-cell weui-check__label">
                <span class="weui-cell__hd">
                    <input type="checkbox" name="checkbox1" class="weui-check" data-name="sr-4">
                    <i class="weui-icon-checked"></i>
                </span>
                <span class="weui-cell__bd">劳务报酬所得</span>
            </label>
            <label class="weui-cell weui-check__label">
                <span class="weui-cell__hd">
                    <input type="checkbox" name="checkbox1" class="weui-check" data-name="sr-5">
                    <i class="weui-icon-checked"></i>
                </span>
                <span class="weui-cell__bd">稿酬所得</span>
            </label>
            <label class="weui-cell weui-check__label">
                <span class="weui-cell__hd">
                    <input type="checkbox" name="checkbox1" class="weui-check" data-name="sr-6">
                    <i class="weui-icon-checked"></i>
                </span>
                <span class="weui-cell__bd">特许权使用费所得</span>
            </label>
            <label class="weui-cell weui-check__label">
                <span class="weui-cell__hd">
                    <input type="checkbox" name="checkbox1" class="weui-check" data-name="sr-7">
                    <i class="weui-icon-checked"></i>
                </span>
                <span class="weui-cell__bd">利息、股息、红利所得</span>
            </label>
            <label class="weui-cell weui-check__label">
                <span class="weui-cell__hd">
                    <input type="checkbox" name="checkbox1" class="weui-check" data-name="sr-8">
                    <i class="weui-icon-checked"></i>
                </span>
                <span class="weui-cell__bd">财产租赁所得</span>
            </label>
        </div>


        <div class="fav-title">家庭信息</div>


        <div class="com-btn">
            <button id="create-report" type="button" class="weui-btn btn-default">生成优惠微报告</button>
        </div>

    </form>
</div>
<div class="see-fav-report">
    <div class="fav-report">
        <div class="fav-text">
            <p class="fav-text-title">尊敬的纳税人： </p>
            <p class="fav-text-cont">本报告是根据您的注册信息定性分析，为您量身定做的个人所得税专业指导书，供您学习参考。</p>
        </div>
        <div class="type-title" style="color: #ff0000;padding: 0"><span>您可以享受到下列个税优惠</span></div>
        <div class="fav-text">
            <p>根据《中华人民共和国个人所得税法》、《中华人民共和国个人所得税法实施条例》和相关的文件法规的规定，个人所得税的减免税政策主要有：</p>
            <div class="fav-content">
                <!--<p class="fav-info">基本信息</p>-->
                <p class="fav-info">证件类型：</p>
                <section>
                    <div id="sfz">身份证</div>
                    <div id="hz">护照</div>
                    <div id="gat">港澳台通行证</div>
                </section>


                <!--<p class="fav-info">任职信息</p>-->
                <p class="fav-info">两处以上任职：</p>
                <section>
                    <div id="rz-1">海外</div>
                    <div id="rz-2">内地</div>
                </section>

                <p class="fav-info">行业：</p>
                <section>
                    <div id="hy-1">经理</div>
                    <div id="hy-2">职业经理人</div>
                </section>


                <!--<p class="fav-info">生活状况</p>-->
                <p class="fav-info">残疾证书等级：</p>
                <section>
                    <div id="cj-1">1</div>
                    <div id="cj-2">2</div>
                </section>


                <p class="fav-info">孤寡老人：</p>
                <section>
                    <div id="gg-1">是</div>
                    <div id="gg-2">否</div>
                </section>


                <p class="fav-info">军烈属：</p>
                <section>
                    <div id="jl-1">是</div>
                    <div id="jl-2">否</div>
                </section>

                <p class="fav-info">投资信息</p>
                <!--<p>业主</p>-->
                <div class="tz-1">个体工商户业主</div>
                <div class="tz-2">个人独资合伙企业业主</div>

                <!--<p>持有上市公司股份</p>-->
                <div class="gf-1">持有上市公司股票</div>
                <div class="gf-2">持有上市公司限售股</div>
                <div class="gf-3">持有上市公司分红</div>

                <!--<p>其他途径获取股份</p>-->
                <div class="qt-1">企业量化资产</div>
                <div class="qt-2">盈利公积金转增股本</div>

                <p class="fav-info">财产信息</p>
                <!--<p>房产</p>-->
                <div class="fw-1">房屋转让</div>
                <div class="fw-2">房屋租赁</div>

                <!--<p>其他财产转让</p>-->
                <div class="qtfw-1">股权转让</div>
                <div class="qtfw-2">非货币资产投资</div>
                <div class="qtfw-3">科研成果转化</div>
                <div class="qtfw-4">财产拍卖</div>
                <div class="qtfw-5">拍卖回流文物</div>

                <p class="fav-info">收支信息</p>
                <!--<p>收入</p>-->
                <div class="sr-1">工资薪金所得</div>
                <div class="sr-2">个体工商的生产、经营说得</div>
                <div class="sr-3">对企业事业单位的承包经营、承租经营所得</div>
                <div class="sr-4">劳务报酬所得</div>
                <div class="sr-5">稿酬所得</div>
                <div class="sr-6">特许权使用费所得</div>
                <div class="sr-7">利息、股息、红利所得</div>
                <div class="sr-8">财产租赁所得</div>

                <p class="fav-info">家庭信息</p>
            </div>
        </div>
    </div>
    <div class="com-btn">
        <button type="button" id="reset-choose" class="weui-btn btn-default">重新选择</button>
    </div>
</div>
@import "footer.html"
<script>
    $(function () {
      $('#create-report').click(function (e) {
        e.stopPropagation();
        $('div.see-fav-report').show();
        $('div.my-fav-report').hide();
      });
      $('#reset-choose').click(function (e) {
        e.stopPropagation();
        $('div.see-fav-report').hide();
        $('div.my-fav-report').show();
      });

      $('select.weui-select').change(function () {
//        console.log($(this).val());
        $('#'+$(this).val()).show().siblings().hide();
      });

      $('input[type=checkbox]').on('change',function () {
        if($(this).is(':checked')){
          $('.'+$(this).attr('data-name')).show();
        }else {
          $('.'+$(this).attr('data-name')).hide();
        }
      })

    });
</script>
</body>
</html>